<template>
    <div class="cashNote">
        <Ope
            :ifNew="true"
            :ifSearch="true"
            newFun="refresh"
            @refresh="refresh"
            :allSearchKind="allSearchKind"
            searchFun="searchData"
            @searchData="searchData"
        ></Ope>
        <Table :tableData="allNote" class="table"></Table>
        <el-pagination
            @current-change="changePage"
            :page-size="pageSize"
            style="margin-top: 30px"
            background
            layout="prev, pager, next"
            :total="dataTotal">
        </el-pagination>
    </div>
</template>

<script>
import Table from './Table'
import Ope from 'template/Ope'
import methods from './methods.js'
export default {
    name: 'CashNote',
    components: {
        Table,
        Ope
    },
    data () {
        return {
            pageSize: 1,
            allNote: [],
            dataTotal: 0,
            page: 1,
            allSearchKind: [{
                label: '用户名',
                value: 'userName'
            }]
        }
    },
    mounted () {
        this.getCashNote();
    },
    methods: methods
}
</script>

<style lang="stylus" scoped>
    .cashNote
        width 100%
        height 100%
        .table
            width 100%
            height 80%
            overflow scroll

        
</style>


